﻿<%@ Page Title="" Language="C#" MasterPageFile="~/common/MasterPage.master" AutoEventWireup="true" CodeFile="powersave.aspx.cs" Inherits="powersave" %>

 <asp:Content ID="leftMenu" ContentPlaceHolderID="leftMenu" Runat="Server">
          <ul>
                   <a href= "powersave.aspx"><li>PowerSave Account</li></a>
                   <a href ="kidsaver.aspx"><li>Kids Saver Account</li></a>
                   
               </ul>
               
             </asp:Content>

<asp:Content ID="Content1" runat="server" contentplaceholderid="content">
                
             <script type="text/javascript">

                 function toggle(id) {
                     var e = document.getElementById(id);

                     if (e.style.display == '')
                         e.style.display = 'none';
                     else
                         e.style.display = '';
                 }

                 function toggle2(id, link) {
                     var e = document.getElementById(id);

                     if (e.style.display == '') {
                         e.style.display = 'none';
                         link.innerHTML = 'Expand';
                     } else {
                         e.style.display = '';
                         link.innerHTML = 'Collapse';
                     }
                 }
 
</script>

<script type="text/javascript">
    $(document).ready(function () {
        $(".tabLink").each(function () {
            $(this).click(function () {
                tabeId = $(this).attr('id');
                $(".tabLink").removeClass("activeLink");
                $(this).addClass("activeLink");
                $(".tabcontent").addClass("hide");
                $("#" + tabeId + "-1").removeClass("hide")
                return false;
            });
        });
    });
</script>
 

 <style>
 .tab-box {
border-bottom: 2px solid #DDD;
border-bottom-right-radius:8px;
padding-bottom:5px;



}
.tab-box a {
border:2px solid #DDD;
color:#666666;
padding: 5px 15px;
text-decoration:none;
background-color: #62A9FF;

}
.tab-box a.activeLink {
background-color: #fff;
border-bottom: 0;
padding: 6px 15px;

}
.tabcontent { border: 2px solid #ddd; border-top: 0;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;}
.hide { display: none;}


 </style>

				<h1 style="color:Orange;">PowerSave Account</h1>

                  <section>
                            <br />
                            <img style="width:730px; height:100px" src="../../images/adultbanner.jpg" /></p>
                            <br /><br />
                             <p>Manage your own money with PowerSaver Account.<br /><br />
                        It comes with debit card, iBanking and eStatement, to suit your varying needs and lifestyle now and into the future. You can also choose
		 a PowerSaver Debit Card from over 120 different designs. If you get tired of it, you can change to a different one any time.
		 It is designed for customer’s daily basic banking needs and would be suitable for customers aged 16 to 28 years old.
                             </p>
                              <br />

                              

                              <div class="tab-box">
                                        <a href="javascript:;" class="tabLink activeLink" id="cont-1" style="border-top-left-radius:1em;border-top-right-radius:1em;">OverView</a>
                                        <a href="javascript:;" class="tabLink " id="cont-2" style="border-top-left-radius:1em;border-top-right-radius:1em;">Benefits</a>
                                        <a href="javascript:;" class="tabLink " id="cont-3" style="border-top-left-radius:1em;border-top-right-radius:1em;">Requirement</a>
                              </div>

                                
                                <div class="tabcontent paddingAll" id="cont-1-1">
                                <br />
                                 <h3 class="style1">
						How does PowerSave Account helps you?</h3>
                    
                    <ul>
                        <li>Your spending is automatically tracked and categorised so you know where your 
                            money is going</li>
                        <li>Set budgets and keep to them with the help of our timely SMS/email alerts</li>
                        <li>Organise your spending and savings, all in one account</li>
                        <li>Set up and name your multiple saving goals on Online Banking</li>
                        <li>Check your progress anytime, anywhere, on your mBanking.</li>
                    </ul>
                    </div>

                    <div class="tabcontent paddingAll hide" id="cont-2-1">
                                <br />
                                <h3>Benefits</h3>
                    <br />
                    <ul>
                        
                           &#10004; Interest Rates (%)
                          <img style="width:690px; height:250px" src="../../images/interest.jpg" /><br />
                          
                          &#10004; No minimum balance requirement <br />
                          &#10004; Monthly eStatement – The faster and easier way to view your transactions anytime, anywhere via iBanking<br />
                          &#10004; SMS/eMail alerts<br />
                          &#10004; Convenience with Power Saver youth card<br />
                          &#10004; Receive cashback whenever you sign for purchases/make online transactions in Singapore <br />
                          &#10004; Access to over 1,000  ATMs in Singapore<br />
                          &#10004; Free coin deposit<br />
                          &#10004; Birthday gift on junior’s birthday<br />
                          &#10004; Sign up and encouragement gifts <br />
                          &#10004; Coverage for insurance with terms and conditions<br />
                      </ul>
                    <table style="padding:5px; border:1px solid black; border-collapse:collapse; margin-left:100px;" width="70%">                                    
                                 <tr>
                                  <td style="border:1px solid black;" bgcolor="blue"><div align="center"><strong>Deposits Balance Tiers (based on average daily balance)</strong></div></td>
                                  <td style="border:1px solid black;" bgcolor="blue"><div align="center"><strong>Coverage Amount</strong></div></td>
                                 </tr>

                                  <tr>
                                  <td style="border:1px solid black;" bgcolor="white"><div align="center">S$3,000 - S$9,999.99</div></td>
                                  <td style="border:1px solid black;" bgcolor="white"><div align="center">50%</div></td>
                                 </tr>

 				   <tr>
                                  <td style="border:1px solid black;" bgcolor="white"><div align="center">S$10,000 - S$49,999.99</div></td>
                                  <td style="border:1px solid black;" bgcolor="white"><div align="center">70%</div></td>
                                 </tr>

 				<tr>
                                  <td style="border:1px solid black;" bgcolor="white"><div align="center">S$50,000 & above</div></td>
                                  <td style="border:1px solid black;" bgcolor="white"><div align="center">100%</div></td>
                                 </tr>

                     

                           </table>
                    <br />
                                </div>

                                <div style="height:300px;" class="tabcontent paddingAll hide" id="cont-3-1">
                                 <br />    
                                              
                                  <h3>Eligibility</h3>
                                  <br />

                <ul>
                        <li>
                            For Singaporean/PR aged 16 years old to 28 years old.
</li>
                        <li>
                            Please bring along your NRIC and birth certificate for verification purposes
</li>
                        <li>
                            No initial deposits required
</li>
                        <li>
                            Account must have balance of $500 by the 3rd month as $2 will be deducted every month after the 3rd month if account fail to meet balance of $500.
</li>

                    </ul>
                    <img style="padding-left:350px; height:120px; width:370px;" src="../../images/adult.jpg" />
                        
                
                                </div>


                                 <br />

                                 <br />

                    </section>
                    <a href="#" onclick="toggle_visibility('list1');">
                    <asp:Image ID="Image2" runat="server" Height="45px" 
                 ImageUrl="~/images/apply.png" Width="159px"  />
                 </a>
                   
                 <div id="list1" class="alist" style="display:none;">
                 <br /><br /><br />
                 Please head down to our office or branches to apply for a Saving Account.<br />
                 We are open from <strong>Mon - Fri: 9:00am to 4:30pm, Sat: 9:00am to 11:30am,</strong> excluding Sunday. <br />
                 You may also contact us at <strong>6111-1111</strong> for any enquiries. <br />
                 To make your application work faster, you can also click <a href="form.docx" />HERE</a> to fill up your particulars before heading down to our office or branches. 

                 </div>

<script type="text/javascript">
    function toggle_visibility(id) {
        var list = document.getElementsByClassName("alist");
        for (var i = 0; i < list.length; i++) {
            list[i].style.display = 'none';
        }
        var e = document.getElementById(id);
        if (e.style.display == 'block') {
            e.style.display = 'none';
        } else {
            e.style.display = 'block';
        }
    }
</script>
            
</asp:Content>



